<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="IE=edge" >
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  <title>H5播放器</title>
  <link rel="stylesheet" href="/p2p/al/ali/aliplayer-min.css" />
  <script type="text/javascript" charset="utf-8" src="/p2p/al/ali/aliplayer-min.js"></script>
  <script type="text/javascript" charset="utf-8" src="https://player.alicdn.com/aliplayer/presentation/js/aliplayercomponents.min.js"></script>
  <script type="text/javascript" src="//cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<style>
.E_FS a {
    margin: 10px;
    display: block;
    color: #fff;
}
</style>
<style type="text/css">
.vip-join{color: #00c1de;}
.vip_limit_content{display: flex;width: 100%;height: 100%;flex-wrap: wrap;justify-content: center;align-items: center;}
.vip_limit_content .title{font-size: 18px;line-height: 36px;color: #fff;text-align: center;width: 100%;}
.vip_limit_button_box{text-align: center;white-space: nowrap;overflow: hidden;width: 100%;}
.vip_limit_btn{display: inline-block;min-width: 100px;position: relative;background: #f60;padding: 0 35px;margin: 0px 5px 20px 5px;border-radius: 38px;font-size: 18px;line-height: 38px;color: #623A0C;text-align: center;background-image: linear-gradient(-135deg, #FBE8A8 0%, #F8E7AC 15%, #E2C078 100%);cursor: pointer;    background-image: linear-gradient(-135deg, rgb(0, 188, 212) 0%, rgba(0, 188, 212, 0.89) 15%, #00bdd5bf 100%);}
.vip_limit_close{text-align: center;}
.vip_limit_close span{display: inline-block;width: 40px;height: 40px;line-height: 36px;background: rgba(165, 165, 165, 0.54);border-radius: 50%;font-size: 24px;cursor: pointer;}
.start-ad{position: absolute!important;}
</style>
<!--div class="E_FS"style="position: absolute;z-index: 999;"><a id="Fs" class="Fs" href="javascript:;">观影模式</a><a id="Efs" class="Efs" href="javascript:;" style="display: none;">退出全屏</a></div-->
<div class="prism-player" id="player-con"></div>
<script>
$(document).ready(function(){
	$("#Fs").click(function(){
		$("#Fs").hide();
		$("#Efs").show();
		$("#player").css({
			"position":"fixed",
			"top":"0",
			"left":"0",
			"z-index":"1000001",
			"width":"100%",
			"height":"100%",
		});
	});
	$("#Efs").click(function(){
		$("#Efs").hide();
		$("#Fs").show();
		$("#player").removeAttr("style");
	});
});
$(document).keyup(function(event){
	switch(event.keyCode) {
	case 27:
		$("#Efs").hide();
		$("#Fs").show();
		$("#player").removeAttr("style");
	case 96:
		$("#Efs").hide();
		$("#Fs").show();
		$("#player").removeAttr("style");
	}
});
</script>
<script>
  var player = new Aliplayer({
  "id": "player-con",
  "source": "<?php echo($_REQUEST['url']);?>",
   width: "100%",
    height: "100%",
    autoplay: true,
    autoPlayDelay: "1",
    isLive: false,
    components: [{
      name: 'PreviewVodComponent',
      type: AliPlayerComponent.PreviewVodComponent,
    }]
  }, function (player) {
  //  console.log("The player is created");
  });
</script>
          <div style="display:none;">
          <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1277646793'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s96.cnzz.com/stat.php%3Fid%3D1277646793' type='text/javascript'%3E%3C/script%3E"));</script>
      </div> 
</body>
</html>